﻿<div class="hbox hbox-auto-xs hbox-auto-sm contentElement hasSplitter" ng-controller="ICDDicDataCtrl">
    <!---->
    <div class="col">
        <!--<div class="wrapper bg-light dk b-b">
            <h3 class="m-n font-thin">Upload queue</h3>
        </div>-->
        <div class="bg-light lter b-b wrapper edit-button-panel">
            <!--wrapper-md-->
            <!--<h1 class="m-n font-thin h3">Datatable1122</h1>-->
            <button class="btn btn-sm btn-success btn-addon" ng-click="open()" disabled><i class="fa fa-plus"></i>添加</button><!--class m-b-xs-->
            <button class="btn btn-sm btn-warning btn-addon" ng-click="open('edit')" disabled><i class="fa fa-pencil-square-o"></i>编辑</button>
            <button class="btn btn-sm btn-danger btn-addon" ng-click="remove()" disabled><i class="fa fa-minus"></i>删除</button>
        </div>
        <div class="ui-drag-width-left" ui-drag-width>
            <div class="col w bg-light b-r bg-auto tree-panel">
                <div class="wrapper-sm dker b-b" style="cursor:pointer;" ng-click="reloadTree()">
                    <h4 class="m-n font-thin" ng-if="!TreeName">ICD字典系统</h4>
                    <h4 class="m-n font-thin" ng-if="TreeName">{{TreeName}}</h4>
                </div>
                <div class="wrapper-sm">
                    <div class="b-a bg-light dk r r-2x">
                        <span ng-if="doing_async">...loading...</span>
                        <abn-tree tree-data="treeData"
                                  tree-control="myTree"
                                  on-select="treeSelectHandler(branch)"
                                  expand-level="2"
                                  initial-selection="initSelection"
                                  icon-leaf="fa fa-file-o"
                                  icon-expand="fa fa-plus"
                                  icon-collapse="fa fa-minus">
                        </abn-tree>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="wrapper-sm">-->
        <div class="ui-drag-width-right">
            <div class="panel panel-default tree-grid-panel right-content-heading" ng-if="dicDataTreeSelection">
                <div style="padding:10px;">
                    <div style="font-size:20px;">
                        <strong>
                            {{dicDataTreeSelection.data.Code}}&nbsp;{{dicDataTreeSelection.data.Value}}<span ng-if="dicDataTreeSelection.data.RelationCode&&type == 'ICD-10'">&nbsp;†</span>
                        </strong>
                    </div>
                    <div style="color:#999999;margin-top:8px;">{{dicDataTreeSelection.data.Description?dicDataTreeSelection.data.Description:'暂无介绍说明'}}</div>
                    <div style="font-size:18px;margin-top:24px;" ng-if="dicDataTreeSelection.data.RelationCode&&type == 'ICD-10'">附加编码：</div>
                    <div style="margin-top:8px;" ng-if="dicDataTreeSelection.data.RelationCode&&type == 'ICD-10'">{{dicDataTreeSelection.data.RelationCode}}&nbsp;*</div>
                    <div style="font-size:18px;margin-top:24px;" ng-if="isSelectBottom&&synonymInfo&&type == 'ICD-10'">同义词：</div>
                    <div style="margin-top:8px;" ng-if="isSelectBottom&&synonymInfo&&type == 'ICD-10'">{{synonymInfo}}</div>
                </div>
            </div>

            <div class="panel panel-default tree-grid-panel tablePanel" ng-show="!isSelectBottom">
                <div class="table-responsive">
                    <table ui-table="dtOptions"
                            aa-data="dtData"
                            table-control="myTable"
                            ao-column-defs="columnDefs"
                            fn-row-callback="rowCallback"
                            class="table table-striped table-hovers m-b-none tableDictsystematictree1">
                        <thead>
                            <tr>
                                <th style="width:50px">序号</th>
                                <th style="width:auto">编码</th>
                                <th style="width:auto">值</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>

            <div class="panel panel-default tree-grid-panel right-content-body" ng-show="isSelectBottom&&type == 'ICD-10'">
                <div class="panel-heading">
                    相关版本
                </div>
                <div class="table-responsive">
                    <table ui-table="dtMappingOptions"
                           aa-data="dtMappingData"
                           table-control="myMappingTable"
                           ao-column-defs="mappingColumnDefs"
                           fn-row-callback="mappingRowCallback"
                           class="table table-striped table-hovers m-b-none tableDictsystematictree1">
                        <thead>
                            <tr>
                                <th style="width:50px">序号</th>
                                <th style="width:auto">版本</th>
                                <th style="width:auto">编码</th>
                                <th style="width:auto">值</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>